<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo05</title>
</head>
<body>
            <!--src路径: 
            1.相对路径:当访问站内资源时使用
                                         -同目录 直接写图片名
                                         -上级目录  ../图片名 
                                         -下级目录  文件夹名/图片名                      
            2.绝对路径:当访问站外资源时使用
                                          好处:节省本站资源
                                          坏处:可能目标网址会改路径,图会挂掉。                -->                                  
           <!--alt:图片不能正常显示时显示的文本  -->  
           <!--width/height:宽高
                                         赋值方式两种:
                    1.像素
                    2.上级元素的百分比    
                                  如果只设置宽度则高度会在原始宽高的基础上进行缩放           -->  
            <!--tltle:当鼠标悬停时显示的文本  -->                              
    <img alt=这是angelnbaby src="1.jpg"width="500"height="600" title="美女" >
    <img  src="../imgs/4.jpg">
</body>
</html>